<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>id获取</title>
	</head>
	<body>
		
		
		
		<input type="radio" name="sex" value="男"/>男
		<input type="radio" name="sex" value="女"/>女
		
		<p id="k1">千山鸟飞绝</p>
		<p id="k2">万径人踪灭</p>
		<p id="k3">孤舟蓑笠翁</p>
		<p id="k4">独钓寒江雪</p>
		<p>独钓寒江雪</p>
		<p>独钓寒江雪</p>
		<p>独钓寒江雪</p>
		<script>
			/*
			   gteElementByID
			   通过id获取元素对象
			   a.style获取样对象
			*/
			
			var k3=document.getElementById("k3");//获取ID
			k3.style.color="red";//改变颜色
			document.getElementById("k4").style.fontSize="30px";//改变字体大小
			document.getElementById("k4").style.fontFamily="宋体";//改变字体类型
			
			
			var s=document.getElementsByName("sex");//获取name，得到数组
			document.write(s[0].value);//打印数组第一个元素的value值
			
			
			var a=document.getElementsByTagName('p');//获取标签
			a[6].style.color="red";//改变颜色
			
			
				
		</script>
		
		
	</body>
</html>
